<!-- 站点导航部分 -->
<header class="mdui-appbar mdui-appbar-fixed mdui-color-theme">
    <div class="mdui-toolbar mdui-color-theme mdui-container">
        <a href="javascript:;" class="mdui-btn mdui-btn-icon" mdui-drawer="{target:'#mobile-menu'}">
            <i class="mdui-icon material-icons">menu</i>
        </a>
        <a href="{:url('index/index')}" class="mdui-typo-title">MlTree Forum</a>
        <a href="{:url('index/index')}" class="mdui-hidden-xs" title="Home">首页</a>
        <div class="mdui-toolbar-spacer"></div>
        <a href="{:url('index/topic/create')}" class="mdui-btn mdui-btn-icon mdui-ripple mdui-hidden-sm-up">
            <i class="mdui-icon material-icons">create</i>
        </a>
        <a href="{:url('index/user/index')}" class="mdui-ripple mdui-hidden-xs">
            <img src="{$userData.avatar}" class="mdui-img-circle" width="32" alt="{$userData.username}">{$userData.username}
        </a>
        <a href="{:url('index/user/logout')}" class="mdui-btn mdui-ripple mdui-hidden-xs">退出</a>
    </div>

</header>
<!-- 论坛左侧手机版菜单 -->
<div id="mobile-menu" class="mdui-drawer mdui-drawer-close mdui-color-light-blue">

    <div class="mdui-panel" mdui-panel>

        <div class="mdui-panel-item">
            <div class="mdui-panel-item-header">
                <a class="mdui-text-color-blue" href="{:url('index/index')}" title="Home">
                    <i class="mdui-icon material-icons">home</i> 首页</a>
            </div>
        </div>

        <div class="mdui-panel-item">
            <div class="mdui-panel-item-header">
                <div>站点导航</div>
                <i class="mdui-panel-item-arrow mdui-icon material-icons">keyboard_arrow_down</i>
            </div>
            <div class="mdui-panel-item-body">
                <a class="mdui-text-color-blue" href="https://blog.kingsr.cc" title="北林博客">北林博客</a>
            </div>
        </div>

        <div class="mdui-panel-item">
            <div class="mdui-panel-item-header">
                <a class="mdui-text-color-blue" href="{:url('index/user/logout')}" title="Logout">退出</a>
            </div>
        </div>

        <div class="mdui-panel-item">
            <div class="mdui-panel-item-header">
                <a href="JavaScript:;" class="mdui-text-color-blue" onclick="enterFullScreen()">
                    <i class="mdui-icon material-icons">crop_free</i>全屏阅读(F11退出)</a>
            </div>
        </div>
    </div>

</div>